<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>Saint-Barth Appart</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <!-- CSS -->
        <link rel="stylesheet" type="text/css" href="css/webcomtv.css"/>
        <link href="css/glDatePicker.default.css" rel="stylesheet" type="text/css">
        <link href="css/listeApparte.css" rel="stylesheet" type="text/css">
        <link href="css/slider.css" rel="stylesheet" type="text/css">
        
        <!-- JAVASCRIPT -->
        <script type="text/javascript" src="js/jQuery.js" ></script>
        <script type="text/javascript" src="js/afficheApparte.js" ></script>
        <script type="text/javascript" src="js/test.js" ></script>
        <script type="text/javascript" src="js/outils.js" ></script>
        <script type="text/javascript" src="js/slider.js" ></script>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="js/glDatePicker.min.js"></script>
        
        
    </head>
    <body>
     
        <!-- Debut du menu -->
        <div class="item">
           <!-- ancien code dans test.php -->
          
            <div onclick="popup('accueil')" class="debutMenu">Accueil</div>
            <div onclick="popup('contact')" class="debutMenu">Contact</div>
       
           
            <div id="identifier" onclick="popup('identifier')">S'identifier</div>
            <div id="compte" onclick="popup('compte')">Cr&eacute;er un compte</div>
                      
           
            
        </div>
        <!-- fin du menu -->
        
        <!-- image -->
        <div>
            <img src="images/pano" id="imgFond"/>
        </div>
        <!-- /image -->
        
        <!-- calendrier disponibilite position absolut -->
        <div id="dates">
            <div id="titre">Location Appart St-Barth</div>                 
            <div id="trouveApparte">Visualiser les appartements disponibles</div>
            
            <div id="calendriers" >
                <span>DU</span>
                    <input type="text" id="mydate" />
                <span>AU</span>
                    <input type="text" id="mydate1" />
            </div>

        </div>
        <div id="boutonRechercher">Rechercher</div>
         <!-- fin calendrier disponibilite position absolut -->
         
          <!-- affiche les appartes -->
          
          <div id="opacity" >
          </div><!-- permet de grise le fond -->
          <div id="afficheApparteDispo"></div>
          
       
          
          <!-- fin affiche les appartes -->
        
        <!-- photos appartement slider  relative à l'image -->
        <div class="container">

            <div class="folio_block">

                <div class="main_view">
                    <div class="window">
                        <div style="width: 3160px; left: -2370px;"
                             class="image_reel">
                            <a href="#"><img
                                    src="images/bungalow1.jpg"
                                    alt=""/></a>
                            <a href="#"><img
                                    src="images/bungalow2.jpg"
                                    alt=""/></a>
                            <a href="#"><img
                                    src="images/bungalow3.jpg"
                                    alt=""/></a>
                            <a href="#"><img
                                    src="images/bungalow4.jpg"
                                    alt=""/></a>
                            
                        </div>
                    </div>
                    <div style="display: block;" class="paging">
                        <a class="" href="#" rel="1">1</a>
                        <a class="" href="#" rel="2">2</a>
                        <a class="" href="#" rel="2">3</a>
                        <a class="" href="#" rel="2">4</a>
                    </div>
                </div>
            </div>

        </div>
        
        <!-- footer -->        
        <div id="footer">
            D&eacute;velopp&eacute; par <A HREF="mailto:julien.locatelli@gmail.com">Julien Locatelli</a>
        </div>   
    </body>
</html>
